<!DOCTYPE html>
<html lang="cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>管理后台首页</title>
<!-- begin header 头部 -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<style type="text/css">
body {
	padding-top: 60px;
	padding-bottom: 40px;
}

.bg {
	background-color: #ffffff;
}
</style>
<link rel="stylesheet" href="../css/bootstrap-responsive.min.css">
<!-- end header -->
</head>
<body>
	<!-- begin 导航条 -->
	<div class="navbar navbar-fixed-top navbar-inverse">
		<div class="navbar-inner">
			<div class="container">
				<a class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse"> <span class="icon-bar"></span> <span
					class="icon-bar"></span> <span class="icon-bar"></span> </a> <a
					class="brand">天之翼</a>
				<div class="nav-collapse collapse">
					<p class="navbar-text pull-right">吴天翼</p>
					<ul class="nav">
						<li><a>首页</a>
						</li>
						<li><a>产品动态</a>
						</li>
						<li><a>公司</a>
						</li>
						<li><a>联系我们</a>
						</li>
						<li class="active"><a>管理后台</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="span3">
			<div class="well accordion" id="left_accordion">
				<div class="accordion-group">
					<div class="accordion-heading">
						<a class="accordion-toggle" data-toggle="collapse" data-parent=""
							href="#company_info">公司信息<i
							class="icon-chevron-right pull-right"></i> </a>
					</div>
					<div class="bg accordion-body collapse in" id="company_info">
						<div class="accordion-inner">
							<ul class="nav nav-pills nav-stacked">
								<li><a href="#">公司简介</a>
								</li>
								<li><a href="#">名称</a>
								</li>
								<li><a href="#">生产许可</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="accordion-group">
					<div class="accordion-heading">
						<a class="accordion-toggle" data-toggle="collapse" data-parent=""
							href="#category_info">类目管理<i
							class="icon-chevron-right pull-right"></i> </a>
					</div>
					<div class="bg accordion-body collapse in" id="category_info">
						<div class="accordion-inner">
							<ul class="nav nav-pills nav-stacked">
								<li><a href="#">类目信息</a>
								</li>
								<li><a href="#">添加</a>
								</li>
								<li><a href="#">类目属性管理</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="accordion-group">
					<div class="accordion-heading">
						<a class="accordion-toggle" data-toggle="collapse" data-parent=""
							href="#product_info">产品信息<i
							class="icon-chevron-right pull-right"></i> </a>
					</div>
					<div class="bg accordion-body collapse in" id="product_info">
						<div class="accordion-inner">
							<ul class="nav nav-pills nav-stacked">
								<li><a href="#">产品信息</a>
								</li>
								<li><a href="#">发布新品</a>
								</li>
								<li><a href="#">产品属性管理</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="span9">
			<div class="well well-large">
				<span class="label label-important" rel="popover"
					data-content='这是我做的第一个网站' data-original-title='天之翼'>公司名称</span>
			</div>
			<div class="well well-large">
				<div class="row">
					<div class="span1">
						<span class="label label-important">联系人地址</span>
					</div>
					<div class="span5">
						<ul class="thumbnails">
							<li class="span2 gb">
								<div class="thumbnail bg">
									<div class="caption">
										<h5>天之翼工作室</h5>
										<p>这是我的第一个网站</p>
									</div>
								</div></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="well well-large">
				<a href="#e" class="btn" id="luanch">luanch example</a>
				<div class="modal hide" id="myModal" tabindex="-1" role="dialog"
					aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">×</button>
						<h3 id="myModalLabel">Modal header</h3>
					</div>
					<div class="modal-body">
						<p>One fine body…</p>
					</div>
					<div class="modal-footer">
						<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
						<button class="btn btn-primary">Save changes</button>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- end 导航条 -->
	<!-- begin foot 依赖-->
	<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="../js/bootstrap.min.js"></script>
	<script type="text/javascript">
		$(function() {
			$('.pg').popover('show');
			$('#myModal').modal({show: false});
			$('#luanch').click(function(){
				$('#myModal').modal('show');
			});
		});
	</script>
	<!-- end foot 依赖 -->
</body>
</html>